html{
		scroll-behavior: smooth;
		overflow: auto;
		scrollbar-width: none;
}

html,body{
	height: 100%;
	margin: 0;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	font-family: "Lato",sans-serif;
}

.pimg1{
	background: url(pictures/mountain3.jpg);
	height: 100%;
}

.pimg2{
	background: url(pictures/lake3.jpg);
	height: 400px;
}

.pimg3{
		background: url(pictures/mountains2.jpg);
	height: 400px;
}

.pimg4{
	background: url(pictures/flowers2.jpg);
	height: 400px;
}

.pimg5{
	background:url(pictures/sea2.jpg);
	height: 100%;
}

.pimg1, .pimg2, .pimg3, .pimg4,.pimg5{
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
/*    background-attachment: local;*/
/*    background-attachment: scroll;*/
}

.ptext{
	position: absolute;
	top: 50%;
/*	left: 50%;*/
/*	transform: translate(-50%,50%);*/
    text-align: center;
    width: 100%;
    color: #22577a;
    font-size: 27px;
    text-transform: uppercase;
    letter-spacing: 8px;
}

.textbg{
	background-color: #c7f9cc;
	padding: 20px;
	border-radius: 10px;
    opacity: 0.8;
    font-size: 1.9rem;
}

.section{
	text-align: center;
	padding: 40px 80px;
}

.section-light{
	background:linear-gradient(to bottom right,#ffffff,#80ed99);
	color: #22577a;
}

.section-dark{
	background:linear-gradient(to top left,#028090,#00a896);
	color: #f0f3bd;
}